/* flex */
.flx-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flx-justify-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flx-align-center {
	display: flex;
	align-items: center;
}

/* clearfix */
.clearfix::after {
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	content: "";
}

/* 文字单行省略号 */
.sle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 文字多行省略号 */
.mle {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 文字多了自動換行 */
.break-word {
	word-break: break-all;
	word-wrap: break-word;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
	transition: all 0.2s;
}
.fade-transform-enter-from {
	opacity: 0;
	transition: all 0.2s;
	transform: translateX(-30px);
}
.fade-transform-leave-to {
	opacity: 0;
	transition: all 0.2s;
	transform: translateX(30px);
}

/* Breadcrumb */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
	transition: all 0.2s ease;
}
.breadcrumb-enter-from,
.breadcrumb-leave-active {
	opacity: 0;
	transform: translateX(10px);
}
.breadcrumb-leave-active {
	position: absolute;
	z-index: -1;
}

/* scroll bar */
// ::-webkit-scrollbar {
// 	width: 8px;
// 	height: 8px;
// 	background-color: white;
// }
// ::-webkit-scrollbar-thumb {
// 	background-color: #dddee0;
// 	border-radius: 20px;
// 	box-shadow: inset 0 0 0 white;
// }

/* nprogress样式 */
#nprogress .bar {
	// background: $primary-color !important;
}
#nprogress .spinner-icon {
	// border-top-color: $primary-color !important;
	// border-left-color: $primary-color !important;
}
#nprogress .peg {
	// box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color !important;
}


// :root {
//     --el-color-white: #ffffff;
//     --el-color-black: #000000;
//     --el-color-primary-rgb: 64,158,255;
//     --el-color-success-rgb: 103,194,58;
//     --el-color-warning-rgb: 230,162,60;
//     --el-color-danger-rgb: 245,108,108;
//     --el-color-error-rgb: 245,108,108;
//     --el-color-info-rgb: 144,147,153;
//     --el-font-size-extra-large: 20px;
//     --el-font-size-large: 18px;
//     --el-font-size-medium: 16px;
//     --el-font-size-base: 14px;
//     --el-font-size-small: 13px;
//     --el-font-size-extra-small: 12px;
//     --el-font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;
//     --el-font-weight-primary: 500;
//     --el-font-line-height-primary: 24px;
//     --el-index-normal: 1;
// //     --el-index-top: 1000;
// //     --el-index-popper: 2000;
// //     --el-border-radius-base: 4px;
// //     --el-border-radius-small: 2px;
// //     --el-border-radius-round: 20px;
// //     --el-border-radius-circle: 100%;
// //     --el-transition-duration: 0.3s;
// //     --el-transition-duration-fast: 0.2s;
// //     --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
// //     --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
// //     --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
// //     --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
// //     --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
// //     --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
// //     --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
// //     --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
// //     --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
// //     --el-component-size-large: 40px;
// //     --el-component-size: 32px;
// //     --el-component-size-small: 24px;
// }